<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ include file="common/header.jsp" %>
<div class="clearfix"></div>
<div class="row">
    <div class="col-md-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>
                    APP 信息管理维护 <i class="fa fa-user"></i><small>xx
                    - 您可以通过搜索或者其他的筛选项对APP的信息进行修改、删除等管理操作。^_^</small>
                </h2>
                <div class="clearfix"></div>
            </div>
            <div class="x_content">
                <form method="post" action="<%=request.getContextPath()%>/developer/appinfolist">
                    <input type="hidden" name="pageIndex" value="1"/>
                    <ul>
                        <li>
                            <div class="form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">软件名称</label>
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <input name="querySoftwareName" type="text"
                                           class="form-control col-md-7 col-xs-12"
                                           value="">
                                </div>
                            </div>
                        </li>

                        <li>
                            <div class="form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">APP状态</label>
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <select name="queryStatus" class="form-control">
                                        <option value="0">--请选择--</option>
                                        <c:forEach items="${dataTypeCode}" var="d" varStatus="status">
                                            <c:if test="${d.valueId== queryStatus}">
                                                <option selected value="${d.valueId}">${d.valueName}</option>
                                            </c:if>
                                            <c:if test="${d.valueId != queryStatus}">
                                                <option value="${d.valueId}">${d.valueName}</option>
                                            </c:if>
                                        </c:forEach>
                                    </select>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">所属平台</label>
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <select name="queryFlatformId" class="form-control">
                                        <option value="0">--请选择--</option>
                                        <c:forEach items="${flatformList}" var="f">
                                            <c:if test="${f.valueId == queryFlatformId}">
                                                <option selected value="${f.valueId}">${f.valueName}</option>
                                            </c:if>
                                            <c:if test="${f.valueId != queryFlatformId}">
                                                <option value="${f.valueId}">${f.valueName}</option>
                                            </c:if>
                                        </c:forEach>
                                    </select>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">一级分类</label>
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <select id="queryCategoryLevel1" name="queryCategoryLevel1"
                                            class="form-control">
                                        <option value="0">--请选择--</option>
                                        <c:forEach items="${oneCategoryList}" var="on">
                                            <c:if test="${on.id == queryCategoryLevel1}">
                                                <option selected value="${on.id}">${on.categoryName}</option>
                                            </c:if>
                                            <c:if test="${on.id != queryCategoryLevel1}">
                                                <option value="${on.id}">${on.categoryName}</option>
                                            </c:if>
                                        </c:forEach>
                                    </select>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">二级分类</label>
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <input type="hidden" name="categorylevel2list"
                                           id="categorylevel2list"/>
                                    <select name="queryCategoryLevel2" id="queryCategoryLevel2"
                                            class="form-control">
                                        <option value="0">--请选择--</option>
                                        <c:if test="${not empty twoCategoryList}">
                                            <c:forEach items="${twoCategoryList}" var="tw">
                                                <c:if test="${tw.id == queryCategoryLevel2}">
                                                    <option selected value="${tw.id}">${tw.categoryName}</option>
                                                </c:if>
                                                <c:if test="${tw.id != queryCategoryLevel2}">
                                                    <option value="${tw.id}">${tw.categoryName}</option>
                                                </c:if>
                                            </c:forEach>
                                        </c:if>
                                    </select>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">三级分类</label>
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <select name="queryCategoryLevel3" id="queryCategoryLevel3"
                                            class="form-control">
                                        <option value="0">--请选择--</option>
                                        <c:if test="${not empty threeCategoryList}">
                                            <c:forEach items="${threeCategoryList}" var="th">
                                                <c:if test="${th.id == queryCategoryLevel3}">
                                                    <option selected value="${th.id}">${th.categoryName}</option>
                                                </c:if>
                                                <c:if test="${th.id != queryCategoryLevel3}">
                                                    <option value="${th.id}">${th.categoryName}</option>
                                                </c:if>
                                            </c:forEach>
                                        </c:if>
                                    </select>
                                </div>
                            </div>
                        </li>
                        <li>
                            <button type="submit" class="btn btn-primary"> 查
                                &nbsp;&nbsp;&nbsp;&nbsp;询
                            </button>
                        </li>
                    </ul>
                </form>
            </div>
        </div>
    </div>
    <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="x_panel">
            <div class="x_content">
                <p class="text-muted font-13 m-b-30"></p>
                <div id="datatable-responsive_wrapper"
                     class="dataTables_wrapper form-inline dt-bootstrap no-footer">
                    <div class="row">
                        <div class="col-sm-12">
                            <a href="${pageContext.request.contextPath}/dev/flatform/app/appinfoadd"
                               class="btn btn-success btn-sm">新增APP基础信息</a>
                            <table id="datatable-responsive"
                                   class="table table-striped table-bordered dt-responsive nowrap dataTable no-footer dtr-inline collapsed"
                                   cellspacing="0" width="100%" role="grid"
                                   aria-describedby="datatable-responsive_info" style="width: 100%;">
                                <thead>
                                <tr role="row">
                                    <th class="sorting_asc" tabindex="0"
                                        aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                        aria-label="First name: activate to sort column descending"
                                        aria-sort="ascending">软件名称
                                    </th>
                                    <th class="sorting" tabindex="0"
                                        aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                        aria-label="Last name: activate to sort column ascending">
                                        APK名称
                                    </th>
                                    <th class="sorting" tabindex="0"
                                        aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                        aria-label="Last name: activate to sort column ascending">
                                        软件大小(单位:M)
                                    </th>
                                    <th class="sorting" tabindex="0"
                                        aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                        aria-label="Last name: activate to sort column ascending">
                                        所属平台
                                    </th>
                                    <th class="sorting" tabindex="0"
                                        aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                        aria-label="Last name: activate to sort column ascending">
                                        所属分类(一级分类、二级分类、三级分类)
                                    </th>
                                    <th class="sorting" tabindex="0"
                                        aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                        aria-label="Last name: activate to sort column ascending">
                                        状态
                                    </th>
                                    <th class="sorting" tabindex="0"
                                        aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                        aria-label="Last name: activate to sort column ascending">
                                        下载次数
                                    </th>
                                    <th class="sorting" tabindex="0"
                                        aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                        aria-label="Last name: activate to sort column ascending">
                                        最新版本号
                                    </th>
                                    <th class="sorting" tabindex="0"
                                        aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                        style="width: 124px;"
                                        aria-label="Last name: activate to sort column ascending">
                                        操作
                                    </th>
                                </tr>
                                </thead>
                                <tbody>
                                <c:forEach var="a" items="${aPage.data}" varStatus="status">
                                <tr role="row" class="odd">
                                    <td tabindex="0" class="sorting_1">${a.softwareName}</td>
                                    <td>${a.apkName}</td>
                                    <td>${a.softwareSize}</td>
                                    <td>${a.flatforName}</td>
                                    <td>${a.level1} ->${a.level2} ->${a.level3}</td>
                                    <td><span id="appInfoStatus"></span>${a.statusName}</td>
                                    <td>${a.downloads}</td>
                                    <td>${a.versionNo}</td>
                                    <td>



                                        <div class="btn-group">
                                            <button type="button" class="btn btn-danger">点击操作
                                            </button>
                                            <button type="button" class="btn btn-danger dropdown-toggle"
                                                    data-toggle="dropdown" aria-expanded="false">
                                                <span class="caret"></span>
                                                <span class="sr-only">Toggle Dropdown</span>
                                            </button>

                                            <ul class="dropdown-menu" role="menu">
                                                <li>
                                                    <a class="saleSwichOpen" saleSwitch="open"
                                                       appinfoid=1 appsoftwarename=xxx
                                                       data-toggle="tooltip" data-placement="top"
                                                       title=""
                                                       data-original-title="恭喜您，您的审核已经通过，您可以点击上架发布您的APP">上架</a>
                                                    <!--<a class="saleSwichClose" saleSwitch="close" appinfoid=1 appsoftwarename=xxx data-toggle="tooltip" data-placement="top" title="" data-original-title="您可以点击下架来停止发布您的APP，市场将不提供APP的下载">下架</a>-->
                                                <li><a class="addVersion" appinfoid="1"
                                                       data-toggle="tooltip" data-placement="top"
                                                       title="" data-original-title="新增APP版本信息">新增版本</a>
                                                </li>
                                                <li><a class="modifyVersion"
                                                       appinfoid="1" versionid="2" status="1"
                                                       statusname="xxx"
                                                       data-toggle="tooltip" data-placement="top"
                                                       title=""
                                                       data-original-title="修改APP最新版本信息">修改版本</a>
                                                </li>
                                                <li><a class="modifyAppInfo"
                                                       appinfoid="1" status="1" statusname="xxx"
                                                       data-toggle="tooltip" data-placement="top"
                                                       title=""
                                                       data-original-title="修改APP基础信息">修改</a>
                                                </li>
                                                <li><a class="viewApp" appinfoid=1 data-toggle="tooltip"
                                                       data-placement="top" title=""
                                                       data-original-title="查看APP基础信息以及全部版本信息">查看</a>
                                                </li>
                                                <li><a class="deleteApp" appinfoid=1 appsoftwarename=xxx
                                                       data-toggle="tooltip" data-placement="top"
                                                       title=""
                                                       data-original-title="删除APP基础信息以及全部版本信息">删除</a>
                                                </li>
                                            </ul>
                                            </c:forEach>
                                        </div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-5">
                            <div class="dataTables_info" id="datatable-responsive_info"
                                 role="status" aria-live="polite">共${aPage.totalCount}条记录
                                /${aPage.pageIndex}/${aPage.pageCount}页
                            </div>
                        </div>
                        <div class="col-sm-7">
                            <div class="dataTables_paginate paging_simple_numbers"
                                 id="datatable-responsive_paginate">
                                <ul class="pagination">

                                    <li class="paginate_button previous"><a
                                            href="javascript:page_nav(document.forms[0],1);"
                                            aria-controls="datatable-responsive" data-dt-idx="0"
                                            tabindex="0">首页</a>
                                    </li>
                                    <c:if test="${not aPage.hasPrevious}">
                                    <li class="paginate_button "><a
                                            href="javascript:page_nav(document.forms[0],1);"
                                            aria-controls="datatable-responsive" data-dt-idx="1"
                                            tabindex="0">上一页</a>
                                    </li>
                                    </c:if>
                                    <c:if test="${aPage.hasPrevious}">
                                        <li class="paginate_button "><a
                                                href="javascript:page_nav(document.forms[0],${aPage.pageIndex-1});"
                                                aria-controls="datatable-responsive" data-dt-idx="1"
                                                tabindex="0">上一页</a>
                                        </li>
                                    </c:if>
                                    <c:if test="${not aPage.hasNext}">
                                    <li class="paginate_button "><a
                                            href="javascript:page_nav(document.forms[0],${aPage.pageIndex });"
                                            aria-controls="datatable-responsive" data-dt-idx="1"
                                            tabindex="0">下一页</a>
                                    </li>
                                    </c:if>
                                    <c:if test="${aPage.hasNext}">
                                        <li class="paginate_button "><a
                                                href="javascript:page_nav(document.forms[0],${aPage.pageIndex+1});"
                                                aria-controls="datatable-responsive" data-dt-idx="1"
                                                tabindex="0">下一页</a>
                                        </li>
                                    </c:if>
                                    <li class="paginate_button next"><a
                                            href="javascript:page_nav(document.forms[0],${aPage.pageCount});"
                                            aria-controls="datatable-responsive" data-dt-idx="7"
                                            tabindex="0">最后一页</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<%@ include file="common/footer.jsp"%>
<script src="<%=request.getContextPath()%>/statics/localjs/rollpage.js"></script>
<script src="<%=request.getContextPath()%>/statics/localjs/appinfolist.js"></script>
